<template>
  <div id="jiangshi">
    <div class="h1">
      <h1>{{ item.channel_info.name }}</h1>
    </div>
    <div v-if="item.channel_info.type == 3">
      <IoiO v-for="(i, k) in item.list" :key="k" :i="i"></IoiO>
    </div>
    <div v-if="item.channel_info.type == 1">
      <IoiO1 v-for="(ii, kk) in item.list" :key="kk" :ii="ii"></IoiO1>
    </div>
  </div>
</template>
<script>
import IoiO1 from "./ioio/ioio1.vue";
import IoiO from "./ioio/ioio.vue";
export default {
  components: {
    IoiO,
    IoiO1,
  },
  props: ["item"],
};
</script>
<style lang="scss" scoped>
.h1 {
    height: 30px;
    display: flex;
    align-items: center;
  h1 {
    border-left: 2px solid red;
  }
}
</style>